<template>
  <div class="lnrzyyjkfw">
    <p class="top">
      <span style="font-weight: 700; font-size: 16px; color: #000">患者1</span>
      <span style="display: inline-block; margin: 0 20px"
        >证件号：533221194503112723</span
      >
      <span>填表人：肖汉琪</span>
    </p>
    <div class="tab1">
      <div class="box">
        <span>随访医生：</span>
        <el-select
          filterable
          placeholder="请选择随访医生"
          size="small"
          style="width: 200px"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
        <el-select
          filterable
          placeholder="请选择随访医生"
          size="small"
          style="width: 200px; margin-left: 20px"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </div>
      <div class="box">
        <span>填表日期：</span>
        <el-date-picker
          v-model="value2"
          align="right"
          type="date"
          placeholder="选择日期"
          :picker-options="pickerOptions"
          size="small"
        >
        </el-date-picker>
      </div>
      <table border="1" cellspacing="0" style="width: 100%">
        <tr>
          <th rowspan="2" colspan="2">项目</th>
          <th colspan="2">评分</th>
          <th rowspan="2">得分</th>
        </tr>
        <tr>
          <th>0分</th>
          <th>1分</th>
        </tr>
        <tr>
          <td rowspan="5">1.时间定向力</td>
          <td>今天是哪一年？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
          <td rowspan="6">0分</td>
        </tr>
        <tr>
          <td>季节？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>月份？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>日期？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>星期几？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td colspan="4" style="text-align: right; color: #faad14">
            提示：日期和星期差一天可算正确
          </td>
        </tr>
        <tr>
          <td rowspan="5">2.地点定向力</td>
          <td>我们现在在哪个国家</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
          <td rowspan="5">0分</td>
        </tr>
        <tr>
          <td>城市？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>城市的哪一部分？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>建筑物？</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>第几层</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td rowspan="5">3.即刻回忆</td>
          <td colspan="3">
            记录三个词 <br />
            说：仔细听，我要说三个词，请你在我说完以后重复。准备好了吗？ <br />
            三个词是球（停一秒钟），旗子（停一秒钟），树（停一秒钟）。请马上重复这三个词是什么？
          </td>
          <td rowspan="5">0分</td>
        </tr>
        <tr>
          <td>1）球</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>2）旗子</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>3）树</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td colspan="3" style="text-align: right; color: #faad14">
            提示：即刻回忆只许主试者讲1遍；不要求受试者按物品次序回答。为答第5题“回忆”做准备，可让受试者重复学习最多5次。
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="7">4.注意力与计算</td>
          <td colspan="3">
            问：从100减去7，顺序往下减，直至我让你停止。100减去7等于？
          </td>
          <td rowspan="7">0分</td>
        </tr>
        <tr>
          <td>1）93</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>2）86</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>3）79</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>4）72</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>5）65</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td colspan="3" style="text-align: right; color: #faad14">
            提示：不能用笔算。若1项算错，则扣该项的分。若后一项正确则得该项的分。
            <br />
            如100-7=93（正确，得分），93-7=88（应为86，不正确，不得分）。但如从88-7=81（正确，得分）。
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="5">5.回忆那三个词是什么？</td>
          <td colspan="3">问：我刚才让你记的那三个词是什么？</td>
          <td rowspan="5">0分</td>
        </tr>
        <tr>
          <td>1）球</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>2）旗子</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>3）树</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td colspan="3" style="text-align: right; color: #faad14">
            提示：只许说一遍，只有正确、咬字清楚才记1分
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="3">6.命名</td>
          <td colspan="3">问：这是什么？</td>
          <td rowspan="3">0分</td>
        </tr>
        <tr>
          <td>1）展示铅笔</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>2）展示手表</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="2">7.语言重复</td>
          <td colspan="3">说：我现在让你重复我说的话。准备好了吗？</td>
          <td rowspan="2">0分</td>
        </tr>
        <tr>
          <td>瑞雪兆丰年</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="5">8.理解力</td>
          <td colspan="3">说：仔细听并按照我说的做。</td>
          <td rowspan="5">0分</td>
        </tr>
        <tr>
          <td>1）左手拿着这张</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>2）把它对折</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td>3）把它放在您的右腿上</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td colspan="3" style="text-align: right; color: #faad14">
            提示：操作要求次序正确
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="2">9.阅读</td>
          <td colspan="3">说：读下面的句子，并照做。</td>
          <td rowspan="2">0分</td>
        </tr>
        <tr>
          <td>闭上你的眼睛。</td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="3">10.写</td>
          <td colspan="3">说：写一个句子。</td>
          <td rowspan="3">0分</td>
        </tr>
        <tr>
          <td></td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">答不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">答对</el-radio>
          </td>
        </tr>
        <tr>
          <td colspan="3" style="text-align: right; color: #faad14">
            提示：句子必须有主语、谓语，且有意义。
          </td>
        </tr>
        <!--  -->
        <tr>
          <td rowspan="3">11.画画</td>
          <td colspan="3">说：照下图画。</td>
          <td rowspan="3">0分</td>
        </tr>
        <tr>
          <td><img src="../../assets/image/tp.png" alt="" /></td>
          <td>
            <el-radio v-model="info.a" label="0" value="0">画不出</el-radio>
          </td>
          <td>
            <el-radio v-model="info.a" label="1" value="1">画对</el-radio>
          </td>
        </tr>
        <tr>
          <td colspan="3" style="text-align: right; color: #faad14">
            提示：只有绘出两个五边形的图案，交叉处形成1个小四边形，才算对，计1分。
          </td>
        </tr>
        <!--  -->
        <tr>
          <td colspan="2"></td>
          <td colspan="2" style="text-align: center"><b>总分</b></td>
          <td><b>2</b></td>
        </tr>
      </table>
    </div>

    <div
      class="box"
      style="background-color: #fffbe6; border: 1px solid #ffe58f"
    >
      正常与不正常的分界值与受教育程度有关，划分痴呆的标准： <br />
      文盲（未受教育）≤17分； <br />
      小学程度（受教育年限≤6年）≤20分； <br />
      中学（包括中专）程度≤22分； <br />
      大学（包括大专）程度≤23分。 <br />
    </div>
  </div>
</template>
  
  <script>
export default {
  data() {
    return {
      info: {},
      options: [
        {
          value: "测试",
          label: "测试",
        },
      ],
      pickerOptions: {
        
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
        ],
      },
      value2: "",
    };
  },
  methods: {
    btn_ok() {
      var url = this.info.id
        ? "/diabetesServiceVisit/modify"
        : "/diabetesServiceVisit/add";
      this.info.symptom = this.info.symptom.toString();
      this.info.signFootArterial = this.info.signFootArterial.toString();
      this.info.insulinCount = this.info.insulinCount.toString();
      var date = new Date();
      this.info.id
        ? (this.info.updatetime = date)
        : (this.info.createtime = date);
      this.$post(url, this.info).then((res) => {
        if (res.code == 400) {
          this.$message({
            message: res.message,
            type: "error",
          });
          return;
        }
        this.$message({
          message: "操作成功",
          type: "success",
        });
      });
    },
    getInfo(item) {
      this.isLoading = true;
      this.info = item;
      this.isLoading = false;
    },
    clear_info() {
      this.info = {
        hospitalId: "3015",
        idNo: localStorage.getItem('idCard'),
        residentName: "测试患者",
        symptom: [],
        signFootArterial: [],
        diabetesServiceChildList: [{}],
        insulinCount: [],
      };
    },
  },
};
</script>
  
  <style scoped lang="scss">
.lnrzyyjkfw {
  .top {
    padding: 10px 20px;
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
  }
  .tab1 {
    tr {
      width: 100%;
      th {
        text-align: center;
        color: #000;
        background-color: rgb(250, 250, 250);
      }
      td {
        padding: 10px;
      }
    }
  }
  .box {
    padding: 10px 100px;
    background-color: rgb(250, 250, 250);
    margin: 10px 0;
  }
}
</style>